// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0 导入app.vue的vue对象
import app from './app.vue';

// 3.0 将vue-router集成到则个项目中
import vueRouter from 'vue-router';

// 3.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);

// 3.2 导入路由规则对应的组件对象
import home from './components/Home.vue';
import shopcar from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';
import newsDetail from './components/news/newsDetail.vue';

// 3.2 定义路由规则
var router1 = new vueRouter({
	linkActiveClass: 'mui-active', // 修改路由激活时的默认class名称
	routes : [
		{ path: '/', redirect: 'home' },
		{ path: '/home', component: home },
		{ path: '/shopcar', component: shopcar },
		{ path: '/news/newslist', component: newslist },
		{ path: '/news/newsDetail/:newsid', component: newsDetail }
	]
});


// 4.0 注册 mint-ui
import mintui from 'mint-ui';
// 导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';

// 在Vue中全局使用mint-ui
Vue.use(mintui);

// 5.0 注册mui的css样式
import '../statics/css/mui.min.css';

// 6.0 导入全局css样式，放在所有组件样式的后面
import '../statics/css/site.css'

import '../statics/js/rem.js';

// 7.0 将vue-resource在vue中绑定，自动在vue对象实例上注入一个$http对象就可以使用了
import vueResource from 'vue-resource';
Vue.use(vueResource);

// 8.0 引入moment定义全局时间格式化的过滤器 -- moment是一个专门处理时间格式化的插件
import moment from 'moment';
Vue.filter('dateFmt', function(date,fmtString){
	return moment(date).format(fmtString);
});
//  利用Vue对象进行解析渲染
new Vue({
	el: "#app",
	// 使用路由对象实例
	router: router1,
	// render: function(create){create(app)} // es5的写法
	render: c=>c(app) // es6的箭头函数 =>: goes to 语法
});
